<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <div id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="page-title">
        <img
          src="/assets/images/parallax-bg-lib.jpg"
          alt="郑州城市职业学院"
          class="page-title-bg"
        />
        <div class="container">
          <div class="row">
            <div class="col-auto">
              <h1 class="title">要闻资讯</h1>
              <p class="intro">要闻资讯要闻资讯要闻资讯</p>
            </div>
            <div class="col-auto"></div>
          </div>
        </div>
      </section>

      <section id="content">
        <div class="content-wrap">
          <div class="container">
            <div class="row major justify-content-center gx-lg-3 gx-xl-5">
              <main class="post toc-content order-lg-2 rounded-top">
                <div id="vsb_content">
                  <div class="v_news_content">
                    <h2 id="card" class="invisible mb-0">专业概览</h2>
                    <div class="rounded-top fearture mb-3">
                      <div class="row g-2 gx-3 gx-xl-5 p-3 p-lg-0">
                        <div class="col-auto">
                          <p class="fs-sm mb-1 text-white">名称</p>
                          <h4 class="text-white">计算机应用技术</h4>
                        </div>
                        <div class="col-auto">
                          <p class="fs-sm mb-1 text-white">学制</p>
                          <h4 class="text-white">三年</h4>
                        </div>
                        <div class="col-auto">
                          <p class="fs-sm mb-1 text-white">招生类型</p>
                          <h4 class="text-white">文理兼收</h4>
                        </div>
                        <div class="col-auto">
                          <p class="fs-sm mb-1 text-white">院系</p>
                          <h4 class="text-white">电子信息工程学院</h4>
                        </div>
                        <div class="col-12">
                          <p class="fs-sm mb-1 text-white">专业亮点</p>
                          <h4 class="text-white">
                            省级新型示范点专业，信创名师工作室定向培养。
                          </h4>
                        </div>
                      </div>
                    </div>
                    <h2 class="toc-ignore">专业概览</h2>
                    <video
                      poster="/assets/images/zy/1/1.jpg"
                      preload="auto"
                      controls=""
                      style="width: 100%"
                    >
                      <source
                        src="https://www.zcu.edu.cn/assets/images/zy/1/zhuanye.mp4"
                        type="video/mp4"
                      />
                    </video>
                    <p>
                      郑州城市职业学院计算机应用技术专业是河南省职业教育示范性专业点，学校重点建设专业，获批郑州市信创技术名师工作室，以高水平、高素质、高技能的“双师型”教学团队为支撑。
                    </p>
                    <p>
                      专业建设成效显著，省级精品课程1项，建有校级高水平专业群1个、校级创新团队1个、校级思政课程建设3项、校级大学生校外实践基地18个、学生工作室2个，3项科研成果已成功应用到企业生产中。计算机应用技术专业不断深化“以赛促教、以赛促学”的教学体系，师生参加国家级、省级和市级各项大赛获奖近百余项。毕业生就业率保持在96%以上。
                    </p>
                    <h2>就业/升学前景</h2>
                    <h3>就业前景</h3>
                    <p>
                      随着5G时代的到来、“云大物移智”等新技术的发展和应用，数字经济的形态与内涵不断演进，现已进入了以数字化与智能化为代表的智能时代。当前国家正在大力推进数字化建设，充分挖掘计算机技术智能化应用，大力培育数字经济新业态，深入推进企业数字化转型，打造数据供应链，未来迫切需要一大批高素质的应用型计算机专业人才。
                    </p>
                    <h3>就业领域</h3>
                    <p>
                      计算机应用技术专业毕业生主要从事WEB前端开发、平面设计、网页设计、虚拟现实技术开发、软件系统维护及技术支持等岗位（群）或技术领域工作。薪资水平相对较高，较为可观。行业发展潜力大，随着信息化、数字化的不断推进，计算机应用技术领域的发展潜力巨大，为毕业生提供更多的职业发展机会和空间。
                    </p>

                    <h3>升学成果</h3>

                    <h2>课程设置</h2>
                    <p>
                      在人工智能飞速发展的今天，郑州城市职业学院计算机应用技术专业的人才培养紧贴行业发展前沿，才能永不掉队。同学们应当奋勇向前，扎实打好专业基础，在工业革命4.0这个时代做最前沿的弄潮儿。
                    </p>

                    <h2>知识与能力</h2>
                    <h3>培养目标</h3>
                    <img
                      src="https://www.zcu.edu.cn/assets/images/zy/1/2.jpeg"
                      alt="计算机应用技术专业"
                      class="figure-img img-fluid rounded"
                      vsbhref="vurl"
                      vurl="/assets/images/zy/1/2.jpeg"
                      vheight=""
                      vwidth=""
                    />
                    <p>
                      计算机应用技术专业结合翻转课堂、线上线下混合式教学、案例教学等多种教学模式与教学方法，实践教学对标行业标准，使得学生掌握前沿的专业和知识、具备专业实践能力，面向软件和信息技术服务、
                      互联网和相关服务等行业的信息和通信工程技术人员、信息通信网络运行管理人员、软件和信息技术服务人员等职业，能够从事程序设计、数据采集与分析、网络管理、信息系统运行维护等工作的高素质技术技能人才。
                    </p>
                    <h3>证书</h3>
                    <p>
                      计算机应用技术专业深化“学历证书+若干职业技能等级证书”证书制度，鼓励学生在获得学历证书的同时，冲击多项顶尖职业资格证书，紧跟行业企业发展前沿，实现专业学习与企业岗位需求精准对接，实现高质量就业。职业认证有计算机技术与软件专业技术资格（水平）考试证书，以及教育部考试中心相关证书，如下：
                    </p>

                    <div class="row row-cols-2 row-cols-xl-3 g-3 mb-3">
                      <div class="col">程序员</div>
                      <div class="col">软件设计师</div>
                      <div class="col">网络规划设计师</div>
                      <div class="col">网络管理员</div>
                      <div class="col">网络工程师</div>
                      <div class="col">系统架构设计师</div>
                      <div class="col">信息处理技术员</div>
                      <div class="col">软件测评师</div>
                      <div class="col">Web程序设计</div>
                    </div>
                    <h2>师资力量</h2>
                    <p>
                      计算机应用技术专业构建“师德师风、专业教学、专业实践、科研创新和专业建设”教师团队五维数字画像，以高素质“双师型”教师标准引领团队深化专业内涵建设。拥有一支以教授、博士为学术带头人，学历、职称结构合理，教学、科研水平过硬的师资队伍，专兼职教师、特聘教授共计15人，其中博士学位1人，高级职称4人，河南省学术技术带头人2人，河南省教学标兵3人，河南省骨干教师3人。
                    </p>

                    <h2>教学特色</h2>
                    <h3>OBE教学理念</h3>
                    <p>
                      计算机应用技术专业以“产业带教育，教育促产业”的产教融合教育理念，坚持把“实训＋实习”的教学形态、“做中学、学中做、真题实做”的教学方式贯穿整个专业教育过程，实现人才专业综合能力与产业需求无缝对接。
                    </p>
                    <h3>名企协同</h3>
                    <p>
                      与国信蓝桥教育有限公司、北京千锋互联有限公司、郑州融友北游信息科技有限公司等企业签署校企合作协议。
                    </p>
                    <h2>实验实训环境</h2>
                    <p>
                      计算机应用技术专业拥有人工智能训练实训室、网站建设实训室、软件开发实训室、计算机应用实训室、交互设计实训室等共12个校内实训室，校企共建课程4门，共建实验室5间，功能齐全、产教融合、特色鲜明，能够完全满足日常教学、职业技能等级证书训练、社会服务等需要。
                    </p>

                    <h2>学生竞赛获奖成果</h2>
                    <p>
                      计算机应用技术专业主要致力于国家所提倡的56项大学生竞赛中，学生在“蓝桥杯”全国软件和信息技术专业人才大赛、全国高校计算机能力挑战赛等竞赛中，获得国赛一等奖3项、二等奖13项、三等奖9项，省赛一等奖3项、二等奖18项、三等奖5项。
                    </p>

                    <h2>明星学子</h2>
                  </div>
                </div>

                <h2 class="invisible h-0">职业测评</h2>
                <div class="rounded-bottom bg-primary">
                  <div class="row p-3 g-2 align-items-center">
                    <div class="col-lg-8 col-md-7">
                      <div class="text-center text-md-start">
                        <h3 class="text-white">职业测评</h3>
                        <p class="text-white opacity-75 fs-sm">
                          如何精准、高效地找到自己适合的专业和职业发展方向？如何在适合的领域中发挥自身的优势？开启职业兴趣测评，全面了解自己，精准匹配个人特质，助您选择最适合自己的大学专业！
                        </p>
                      </div>
                    </div>
                    <div class="col-lg-4 col-md-5">
                      <div class="text-center text-md-end">
                        <a
                          href="https://www.zcu.edu.cn/info/1591/16101.htm"
                          class="btn btn-light"
                          target="_blank"
                          >职业兴趣测评</a
                        >
                      </div>
                    </div>
                  </div>
                </div>
                <div class="invisible">
                  <div
                    class="slider-element slider-major mb-3 mb-md-2"
                    data-heading-tag="h3"
                    data-heading-text="就业领域"
                    data-swiper-options="{'breakpoints':{'0':{'slidesPerView': 1,'spaceBetween': 16},'768':{'slidesPerView': 2,'spaceBetween': 16}},'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'pager': false}"
                  >
                    <div class="swiper pb-md-4">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide h-auto">
                          <div
                            class="rounded border border-hover-info h-100 p-3"
                          >
                            <h4 class="fw-medium mb-0">WEB前端开发工程师</h4>
                            <hr class="my-2" />
                            <p class="mb-2">
                              平均年薪：<span
                                class="fs-xl fw-bold text-primary me-2"
                                >12W</span
                              >
                              最高年薪：<span class="fs-xl fw-bold text-primary"
                                >48W</span
                              >
                            </p>
                            <p class="mb-0">
                              行业岗位：互联网、电子商务、金融、教育、游戏开发等行业领域，可从事网页开发工程师、移动前端开发工程师、游戏前端开发工程师、全栈开发工程师‌等岗位。‌
                            </p>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div class="rounded border h-100 p-3">
                            <h4 class="fw-medium mb-0">WEB前端开发工程师</h4>
                            <hr class="my-2" />
                            <p class="mb-2">
                              平均年薪：<span
                                class="fs-xl fw-bold text-primary me-2"
                                >12W</span
                              >
                              最高年薪：<span class="fs-xl fw-bold text-primary"
                                >48W</span
                              >
                            </p>
                            <p class="mb-0">
                              行业岗位：互联网、电子商务、金融、教育、游戏开发等行业领域，可从事网页开发工程师、移动前端开发工程师、游戏前端开发工程师、全栈开发工程师‌等岗位。‌
                            </p>
                          </div>
                        </div>
                      </div>
                      <div class="swiper-pagination d-none d-md-block"></div>

                      <div class="swiper-button-prev d-block d-md-none"></div>
                      <div class="swiper-button-next d-block d-md-none"></div>
                    </div>
                  </div>
                  <div
                    data-heading-tag="h3"
                    data-heading-text="升学成果"
                    class="slider-element slider-major mb-3 mb-md-2"
                    data-swiper-options="{'autoplay':true,'breakpoints':{'0':{'slidesPerView': 2,'spaceBetween': 16},'768':{'slidesPerView': 2,'spaceBetween': 16}},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next'},'pager':false}"
                  >
                    <!-- Slider -->
                    <div class="swiper">
                      <div class="swiper-wrapper pb-md-4">
                        <!-- Item -->
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column flex-md-row align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/6.jpg"
                              class="d-block rounded-circle"
                              width="92"
                              alt="刘恒毓"
                            />
                            <div class="ps-md-4 text-center text-md-start">
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                专升本
                              </h5>
                              <p class="fs-sm mb-1 text-center text-md-start">
                                刘恒毓
                              </p>
                              <p class="fs-sm mb-0 text-center text-md-start">
                                华北水利水电大学
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- Item -->
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column flex-md-row align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/7.jpg"
                              class="d-block rounded-circle"
                              width="92"
                              alt="刘恒毓"
                            />
                            <div class="ps-4 text-center text-md-start">
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                专升本
                              </h5>
                              <p class="fs-sm mb-1 text-center text-md-start">
                                成真
                              </p>
                              <p class="fs-sm mb-0 text-center text-md-start">
                                河南财经政法大学
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- Item -->
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column flex-md-row align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/6.jpg"
                              class="d-block rounded-circle"
                              width="92"
                              alt="刘恒毓"
                            />
                            <div class="ps-md-4 text-center text-md-start">
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                专升本
                              </h5>
                              <p class="fs-sm mb-1 text-center text-md-start">
                                刘恒毓
                              </p>
                              <p class="fs-sm mb-0 text-center text-md-start">
                                华北水利水电大学
                              </p>
                            </div>
                          </div>
                        </div>
                        <!-- Item -->
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column flex-md-row align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/7.jpg"
                              class="d-block rounded-circle"
                              width="92"
                              alt="刘恒毓"
                            />
                            <div class="ps-4 text-center text-md-start">
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                专升本
                              </h5>
                              <p class="fs-sm mb-1 text-center text-md-start">
                                成真
                              </p>
                              <p class="fs-sm mb-0 text-center text-md-start">
                                河南财经政法大学
                              </p>
                            </div>
                          </div>
                        </div>
                      </div>

                      <!-- Pagination -->
                      <div class="swiper-pagination d-none d-md-block"></div>

                      <div class="swiper-button-prev d-block d-md-none"></div>
                      <div class="swiper-button-next d-block d-md-none"></div>
                    </div>
                  </div>
                  <div
                    class="slider-element slider-major mb-3 mb-md-2"
                    data-heading-tag="h2"
                    data-heading-text="师资力量"
                    data-swiper-options="{'breakpoints':{'0':{'slidesPerView': 2,'spaceBetween': 16},'768':{'slidesPerView': 3,'spaceBetween': 16}},'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'pager': false}"
                  >
                    <div class="swiper pb-md-4">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/t1.jpg"
                              alt="张德贤"
                              class="d-block rounded-circle"
                              width="92"
                            />
                            <div class="text-center">
                              <p class="fs-sm mb-1 mt-1 text-center">张德贤</p>
                              <h5 class="fw-medium fs-lg mb-1 mt-1">
                                教授、博士
                              </h5>
                              <p class="fs-sm mb-0 text-center d-none">
                                河南省科技创新杰出人才基金获得者
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/t3.jpg"
                              alt="马士玲"
                              class="d-block rounded-circle"
                              width="92"
                            />
                            <div class="text-center">
                              <p class="fs-sm mb-1 mt-1 text-center">马士玲</p>
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                副教授
                              </h5>
                              <p class="fs-sm mb-0 text-center d-none">
                                河南省双师型教师
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/t2.jpg"
                              alt="刘伟丽"
                              class="d-block rounded-circle"
                              width="92"
                            />
                            <div class="text-center">
                              <p class="fs-sm mb-1 mt-1 text-center">刘伟丽</p>
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                副教授
                              </h5>
                              <p class="fs-sm mb-0 text-center d-none">
                                河南省双师型教师
                              </p>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/t4.jpg"
                              alt="徐俊格"
                              class="d-block rounded-circle"
                              width="92"
                            />
                            <div class="text-center">
                              <p class="fs-sm mb-1 mt-1 text-center">徐俊格</p>
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                骨干教师
                              </h5>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto">
                          <div
                            class="card card-body d-flex flex-column align-items-center card-hover bg-light border-0 h-100"
                          >
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/t5.jpg"
                              alt="郑伟丽"
                              class="d-block rounded-circle"
                              width="92"
                            />
                            <div class="text-center">
                              <p class="fs-sm mb-1 mt-1 text-center">郑伟丽</p>
                              <h5 class="fw-medium fs-lg mb-1 mt-1 mt-mb-0">
                                副教授
                              </h5>
                            </div>
                          </div>
                        </div>
                      </div>

                      <div class="swiper-pagination d-none d-md-block"></div>

                      <div class="swiper-button-prev d-block d-md-none"></div>
                      <div class="swiper-button-next d-block d-md-none"></div>
                    </div>
                  </div>
                  <div
                    class="slider-element slider-major mb-3"
                    data-heading-tag="h2"
                    data-heading-text="实验实训环境"
                    data-swiper-options="{'slidesPerView': 1,'spaceBetween': 20,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'pager': false}"
                  >
                    <div class="swiper rounded">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <div class="card">
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/3.jpg"
                              class="card-img-top"
                              alt="计算机应用技术专业实训室"
                            />
                            <div
                              class="card-footer fs-sm text-center text-muted"
                            >
                              计算机应用技术专业实训室
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- <div class="swiper-pagination"></div> -->
                      <div class="swiper-button-prev"></div>
                      <div class="swiper-button-next"></div>
                    </div>
                  </div>
                  <div
                    class="slider-element slider-major mb-3"
                    data-heading-tag="h2"
                    data-heading-text="学生竞赛获奖成果"
                    data-swiper-options="{'breakpoints': {'0': {'slidesPerView': 2,'spaceBetween': 10},'768': {'slidesPerView': 3,'spaceBetween': 10},'992': {'slidesPerView': 3,'spaceBetween': 10},'1200': {'slidesPerView': 3,'spaceBetween': 20},'1400': {'slidesPerView': 4,'spaceBetween': 20}},'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'pager': false}"
                  >
                    <div class="swiper">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <div class="shadow">
                            <img
                              src="https://www.zcu.edu.cn/assets/images/zy/1/29.jpg"
                              alt="学生竞赛获奖成果"
                              class="img-fluid rounded"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="swiper-button-prev"></div>
                      <div class="swiper-button-next"></div>
                    </div>
                  </div>
                  <div
                    class="position-relative slider-element slider-major mb-3"
                    data-heading-tag="h2"
                    data-heading-text="明星学子"
                    data-swiper-options="{'autoplay':true,'breakpoints':{'0':{'slidesPerView': 1,'spaceBetween': 20},'992':{'slidesPerView': 1,'spaceBetween': 20}},'loop': true,'pagination': {'el': '.swiper-pagination','clickable': true},'navigation': {'prevEl': '#prev2','nextEl': '#next2'}}"
                  >
                    <div class="swiper pt-3">
                      <div class="d-flex position-absolute top-0 end-0 z-2">
                        <button
                          type="button"
                          id="prev2"
                          class="btn btn-prev btn-icon me-2"
                          aria-label="Previous"
                        >
                          <i class="fs-2 novem-icons nvm-icon-arrow-left"></i>
                        </button>
                        <button
                          type="button"
                          id="next2"
                          class="btn btn-next btn-icon ms-2"
                          aria-label="Next"
                        >
                          <i class="fs-2 novem-icons nvm-icon-arrow-right"></i>
                        </button>
                      </div>
                      <div class="swiper-wrapper">
                        <div class="swiper-slide h-auto mt-4">
                          <div class="card position-relative h-100">
                            <span
                              class="position-absolute start-0 top-0 translate-middle-y btn btn-icon btn-primary btn-lg ms-4"
                            >
                              <svg
                                xmlns="http://www.w3.org/2000/svg"
                                width="24"
                                height="24"
                                fill="currentColor"
                                class="bi bi-quote"
                                viewBox="0 0 16 16"
                              >
                                <path
                                  d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"
                                />
                              </svg>
                            </span>
                            <div
                              class="d-flex flex-column flex-md-row p-3 gap-md-3"
                            >
                              <div class="flex-shrink-0 text-center">
                                <img
                                  src="https://www.zcu.edu.cn/assets/images/zy/1/8.jpg"
                                  alt="王飞"
                                  class="img-fluid rounded photostudent mt-3"
                                />
                              </div>
                              <div>
                                <h5
                                  class="fs-base text-center text-md-start text-muted mt-3 mb-0"
                                >
                                  王飞
                                </h5>
                                <h5
                                  class="fs-base text-center text-md-start fw-semibold lh-base"
                                >
                                  现工作于广东坚朗五金制品有限公司，总经理助理
                                </h5>
                                <p class="mb-0 fs-sm">
                                  他说：任何公司都需要IT人才进行数据整合分析、网络运营等工作，而在城院的实践经验让我很容易就找到心仪的工作单位。
                                </p>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div class="swiper-slide h-auto mt-4">
                          <div class="card position-relative h-100">
                            <span
                              class="position-absolute start-0 top-0 translate-middle-y btn btn-icon btn-primary btn-lg ms-4"
                            >
                              <svg
                                xmlns="http://www.w3.org/2000/svg"
                                width="24"
                                height="24"
                                fill="currentColor"
                                class="bi bi-quote"
                                viewBox="0 0 16 16"
                              >
                                <path
                                  d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"
                                />
                              </svg>
                            </span>
                            <div
                              class="d-flex flex-column flex-md-row p-3 gap-md-3"
                            >
                              <div class="flex-shrink-0 text-center">
                                <img
                                  src="https://www.zcu.edu.cn/assets/images/zy/1/9.jpg"
                                  class="img-fluid rounded photostudent mt-3"
                                  alt="李政辉"
                                />
                              </div>
                              <div>
                                <h5
                                  class="fs-base text-center text-md-start text-muted mt-3 mb-0"
                                >
                                  李政辉
                                </h5>
                                <h5
                                  class="fs-base text-center text-md-start fw-semibold lh-base"
                                >
                                  现工作于登封市公安局
                                </h5>
                                <p class="mb-0 fs-sm">
                                  他说：计算机人才具有的广泛就业特征在我身上最能体现，高科技大数据的运用助力了一宗宗的案件侦破，这是一个热门专业！
                                </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!-- <div class="swiper-pagination"></div> -->
                    </div>
                  </div>
                  <div
                    data-heading-tag="h2"
                    data-heading-text="课程设置"
                    class="slider-major"
                  >
                    <p class="small">
                      *课程信息仅供参考，具体将以实际开课信息为主。
                    </p>
                    <div class="accordion">
                      <div class="accordion-item rounded-top">
                        <h3 class="accordion-title">第一学年</h3>
                        <div
                          class="accordion-content list-group list-group-flush rounded-0"
                        >
                          <div class="list-group-item">计算机导论</div>
                          <div class="list-group-item">程序设计基础</div>
                          <div class="list-group-item">数据结构与算法分析</div>
                          <div class="list-group-item">计算机组成与维护</div>
                          <div class="list-group-item">计算机网络基础</div>
                          <div class="list-group-item">信息技术</div>
                          <div class="list-group-item">数据库技术与应用</div>
                        </div>
                      </div>
                      <div class="accordion-item rounded-top">
                        <h3 class="accordion-title">第二学年</h3>
                        <div
                          class="accordion-content list-group list-group-flush rounded-0"
                        >
                          <div class="list-group-item">前端设计与开发</div>
                          <div class="list-group-item">网站开发技术</div>
                          <div class="list-group-item">数据分析方法</div>
                          <div class="list-group-item">图形图像处理</div>
                          <div class="list-group-item">vue.js前端开发实战</div>
                          <div class="list-group-item">微信小程序开发</div>
                          <div class="list-group-item">
                            交换路由技术应用综合实践
                          </div>
                          <div class="list-group-item">
                            前端设计与开发综合实践
                          </div>
                        </div>
                      </div>
                      <div class="accordion-item rounded-top">
                        <h3 class="accordion-title">第三学年</h3>
                        <div
                          class="accordion-content list-group list-group-flush rounded-0"
                        >
                          <div class="list-group-item">
                            在多家业内知名企业顶岗实习，岗位有：
                          </div>
                          <div class="list-group-item">软件开发</div>
                          <div class="list-group-item">前端开发</div>
                          <div class="list-group-item">信息技术服务</div>
                          <div class="list-group-item">网站工程师</div>
                          <div class="list-group-item">数据采集与分析</div>
                          <div class="list-group-item">...</div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </main>

              <aside class="sidebar order-lg-1">
                <div
                  class="offcanvas-lg offcanvas-end"
                  data-bs-scroll="true"
                  data-bs-backdrop="true"
                  id="category"
                >
                  <div
                    class="offcanvas-header d-flex justify-content-center rounded-top"
                  >
                    <h2 class="fs-5 offcanvas-title">计算机应用技术</h2>
                    <button
                      type="button"
                      class="btn-close"
                      data-bs-dismiss="offcanvas"
                      aria-label="Close"
                      data-bs-target="#category"
                    ></button>
                  </div>
                  <div class="offcanvas-body">
                    <nav
                      class="category toc w-100"
                      data-tocbot-options="{'tocSelector': '.toc', 'contentSelector': '.toc-content','headingSelector': 'h2','ignoreSelector': '.toc-ignore','orderedList': false,'headingsOffset': 80,'scrollSmoothOffset': -80}"
                    ></nav>
                  </div>
                </div>
              </aside>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </div>

    <div
      class="btn-category"
      type="button"
      data-bs-toggle="offcanvas"
      data-bs-target="#category"
      aria-controls="category"
    >
      目录
    </div>
    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
